<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/***************************宽屏样式(start)***************************/
/*.w_1200 .banner .box{width: 1304px;margin-left: -652px;}*/
/*.w_1200 .indexpro .pright{width: 894px;}*/
/*.w_1200 .indexpro .prolist .item{width: 277px;margin: 0 0 0 30px;}*/
/*.w_1200 .indexpro .prolist .pic{height: 277px;}*/
/***************************宽屏样式(end)***************************/
.banner{width:100%; position:relative; overflow:hidden;z-index:1;}
.banner .box{width:950px;position:relative; left:50%; top:0; margin-left:-475px; z-index:1;}
.banner .box:before{content:'';position: absolute;bottom: 27px;left: -78px;width: 277px;height: 2px;/* background: #ffae00; */z-index: 1;}
.banner .box:after{content:'';position: absolute;bottom: 0px;left: -31px;width: 2px;height: 516px;/* background: #ffae00;*/z-index: 1;}
.banner .box&gt;div{overflow: visible !important;}
.banner .slideBox_1{overflow: visible !important;}
.banner .slideBox_1 .hd{position: absolute;width: 10px;height:auto;left:auto !important;bottom: 55px;right: -28px;text-align: center;z-index: 1;}
.banner .slideBox_1 .hd ul{float: none;display: inline-block;height: auto;overflow: visible;}
.banner .slideBox_1 .hd li{position: relative;display: inline-block;width: 8px;height: 8px;border:1px solid #9a9a9a;margin:15px 0 0;background: none;border-radius: 5px;}
.banner .slideBox_1 .hd li.on{border-color: #ffae00;background: #ffae00;}
.banner .slideBox_1 .next{display: block;position:absolute;width:14px; height:38px;  z-index:2; bottom: 0;right: -30px; background:url(../images/next.png) no-repeat 0 0;}

.i_about{ width: 100%; background: #f8f8f8;}
.i_about .i_about_in{ display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding: 80px 0; width: 1200px;}
.i_about .i_about_in .left{ width: 50%;}
.i_about .i_about_in .left .title{ width: 100%; line-height: 66px; font-size: 34px; color: #000;}
.i_about .i_about_in .left .brief{ margin-top: 32px; width: 100%; line-height: 32px; font-size: 20px; color: #222;}
.i_about .i_about_in .left .brief2{ margin-top: 16px; width: 100%; line-height: 30px; font-size: 16px; color: #333; font-family: 'OpenSans';}
.i_about .i_about_in .left .btn{ display: block; margin-top: 80px; width: 200px; height: 50px; line-height: 50px; background: #f6a002; font-size: 16px; color: #fff; text-align: center; text-decoration: none;}
.i_about .i_about_in .right{ display: flex; justify-content: space-between; align-items: center; width: 45.8333%;}
.i_about .i_about_in .right .img_item{ display: flex; justify-content: center; align-items: center; overflow: hidden;}
.i_about .i_about_in .right .img_item img{ -webkit-transition: all 0.3s; transition: all 0.3s;}
.i_about .i_about_in .right .img_item:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.i_about .i_about_in .right .l_img{ width: 50.9091%;}
.i_about .i_about_in .right .r_img{ width: 43.6364%;}
.i_about .i_about_in .right .r_img .img_item:first-child{ margin-bottom: 30px;}

.i_pro{ margin: 70px auto 0; width: 1200px;}
.i_pro .title{ width: 100%; height: 45px; line-height: 45px; font-size: 34px; color: #000; text-align: center;}
.i_pro .brief{ margin-top: 3px; line-height: 22px; font-size: 14px; color: #444; font-family: 'OpenSans'; text-align: center;}
.i_pro .prolist .item{ margin-right: 2.5%; width: 23.0833%;}
.i_pro .prolist .item:nth-child(4n){ margin-right: 0;}
.i_pro .prolist .item .pic{ height: 277px; text-align: center;}

/*
.indexpro{padding-top: 20px;}
.indexpro .pleft{float: left;width: 237px;}
.indexpro .pleft .about{position: relative;width: 237px;height: 389px;margin-top: 150px;}
.indexpro .pleft .about:before{content: '';position: absolute;left: 0;right: 0;margin: auto;top: -150px;height: 112px;width: 0;border-left: 1px solid #000000;}
.indexpro .pleft .about:after{content: '';position: absolute;left: 0;right: 0;margin: auto;bottom: -192px;height: 150px;width: 0;border-left: 1px solid #000000;}
.w_1200 .indexpro .pleft{width: 277px;}
.w_1200 .indexpro .pleft .about{width: 277px;height: 455px;}
.w_1200 .indexpro .pleft .about:before{height: 135px;}
.w_1200 .indexpro .pleft .about:after{bottom: -168px;}
.w_1200 .indexpro .prolist .first{margin-left: 0;}
.indexpro .pright{float: right;width: 731px;padding-top: 15px;font-size: 0;}
.indexpro .pright .title{font-size: 36px;height: 109px;line-height: 109px;background: url(../images/titlebg.png) no-repeat 60px bottom;}
.indexpro .pright .desc{height: 44px;overflow: hidden;margin-top: 37px;margin-bottom: 35px;font-size: 14px;color: #7e7e7e;line-height: 22px;}
.indexpro .pright .promore{display: inline-block;padding: 0 22px;margin-bottom: 46px;height: 38px;line-height: 38px;text-decoration: none;border:2px solid #242424;font-size: 14px;color: #000;text-transform: uppercase;}
.indexpro .prolist{}
.indexpro .prolist .item{width: 237px;margin: 0 0 0 10px;}
.indexpro .prolist .first{margin-left: 0;}
.indexpro .prolist .pic{height: 237px;}
.indexpro .secprolist{margin-top: 57px;}

body .bx-wrapper .bx-pager.bx-default-pager a{ margin: 0 6px; width: 10px; height: 10px; background: #fff;}
body .bx-wrapper .bx-pager.bx-default-pager a:hover, 
body .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #ffae00;}
*/

@media screen and (max-width: 1217px){
	.i_about .i_about_in{ width: 98%;}
	.i_pro{ width: 98%;}
}

@media screen and (max-width: 768px){
	.i_about .i_about_in{ flex-direction: column; flex-flow: column-reverse; padding: 5vw 0;}
	.i_about .i_about_in .right{ width: 98%;}
	.i_about .i_about_in .left{ margin-top: 5vw; width: 98%;}
	.i_about .i_about_in .left .btn{ margin: 0 auto; margin-top: 5vw;}
	.i_pro .prolist .item{ width: 48%; margin-right: 2%;}
	.i_about .i_about_in .left .title{ line-height: 8.8vw; font-size: 6.6667vw;}
	.i_about .i_about_in .left .brief{ margin-top: 4.2667vw; line-height: 6.6667vw; font-size: 5.3333vw;}
	.i_pro{ margin-top: 5vw;}
	.i_pro .title{ height: 8vw; line-height: 8vw; font-size: 6.6667vw;}
	.i_pro .brief{ line-height: 6vw; font-size: 4vw;}
	.i_pro .prolist .item{ margin-top: 5vw;}
	.i_pro .prolist .item:nth-child(2n){ margin-right: 0;}
	.i_pro .prolist .item:nth-child(3){ margin-top: 5vw;}
	.i_pro .prolist .item:nth-child(4){ margin-top: 5vw;}
	#ueeseo_info .info_list .info_item{ float: none; margin: 4.0vw auto; width: 286px;}
	#ueeseo_info .info_list .info_item{ margin-left: auto !important;}
}</pre></body></html>